.coupon-mask-bg{display:none;width:100vw;height:100vh;background:rgba(0,0,0,.6);position:fixed;top:0;left:0;z-index:999}
.coupon-model-container{position:absolute;width:720px;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff}
.submit-box{display:none;width:100%;height:475px;background:#fff;position:relative;box-sizing:border-box}
.submit-box:before{position:absolute;content:'';display:inline-block;top:0;right:0;width:144px;height:130px;background:url("/assets/images/madian/sale/coupon_model_pc1.png");background-size:144px 130px}
.submit-box:after{position:absolute;content:'';display:inline-block;bottom:0;right:0;width:164px;height:155px;background:url("/assets/images/madian/sale/coupon_model_pc2.png");background-size:164px 155px}
.coupon-model-centent{margin:0 151px 0 53px;padding-top:4px}
.coupon-model-centent h4{padding-top:26px;font-size:24px;font-family:Nunito Sans-SemiBold,Nunito Sans;font-weight:600;color:#303030;line-height:24px;margin-bottom:9px}
.coupon-model-centent input{height:50px;background:#FFFFFF;border-radius:6px;border:1px solid #D5D5D5;padding-bottom:17px;width:100%;line-height:50px;padding:0 12px}
.coupon-model-centent label>span{display:block;font-size:16px;font-weight:normal;color:#303030;line-height:16px;padding:13px 0 12px 0}
.coupon-model-centent label>i{font-size:12px;font-family:Nunito Sans-Regular,Nunito Sans;font-weight:400;color:#FF0000;line-height:28px}
.coupon-model-centent h4 i{font-size:28px;color:#387821}
.coupon-model-mobile-container{}
.coupon-model-centent .btn-submit,.coupon-model-centent .btn-abandon{width:calc(50% - 8px);height:65px;border-radius:10px;font-size:18px;font-family:Nunito Sans-Regular,Nunito Sans;font-weight:400;line-height:14px;cursor:pointer}
.coupon-model-centent .btn-submit{color:#FFF;background:#303030;border:1px solid #303030;margin-right:16px}
.coupon-model-centent .btn-submit:hover{background:#000}
.coupon-model-centent .btn-abandon{background:#F5F5F5;border:1px solid #D5D5D5;color:#8B8B8B}
.coupon-model-centent .btn-abandon:hover{color:#303030}
.agreed-btn{margin:17px 0 28px 0 !important}
.agreed-btn>label{color:#303030}
.agreed-btn>label input[type='checkbox']{width:18px!important;height:18px!important;margin:0px 10px -6px 0!important;padding:0!important;border-radius:2px!important}
.submited-box{display:none;position:relative;padding:45px 116px 0 87px}
.submited-content h4{position:relative;font-size:20px;font-family:Nunito-Bold,Nunito;font-weight:bold;color:#303030;line-height:20px;text-indent:31px;margin-bottom:30px}
.submited-content h4:before{position:absolute;top:-1px;left:0;display:inline-block;content:'';width:22px;height:22px;background:url("/assets/images/madian/sale/icon_checked1.png");background-size:22px 22px}
.submited-content p>img{width:66px;height:66px;float:right;margin:-3px -2px 0px 0;transform:rotate(20deg)}
.submited-content p{font-size:18px;font-family:Nunito Sans-Regular,Nunito Sans;font-weight:400;color:#3D3D3D;line-height:24px;margin-bottom:40px;display:inline}
.submited-content p>i{font-size:24px;color:#387821;font-weight:700}
.submited-content .copy-btn{display:inline-block;height:26px;background:#87AE79;border-radius:13px;border:none;outline:none;font-size:14px;font-family:Nunito Sans-Regular,Nunito Sans;font-weight:400;color:#FFF;line-height:26px;margin-left:18px;padding:0 11px}
.submited-content .copy-btn i{position:relative;width:12px;height:12px;display:inline-block;padding:2px 12px 0 0}
.submited-content .copy-btn i:before{position:absolute;width:12px;height:12px;display:inline-block;content:'';background:url("/assets/images/madian/sale/icon_copy1.png");background-size:12px 12px}
.submited-code{font-size:14px;font-weight:normal;color:#303030;line-height:14px;margin-top:40px;display:flex;justify-content:flex-start;align-items:center}
.submited-code i{font-size:20px;font-family:Nunito Sans-Bold,Nunito Sans;font-weight:bold;color:#387821;line-height:20px;font-weight:bold}
.code-apply-btn{width:100%;height:74px;background:#303030;border-radius:10px;font-size:18px;font-family:Nunito Sans-Bold,Nunito Sans;font-weight:bold;color:#FFF;line-height:16px;margin:35px 0 70px 0}
.submited-box .closed-btn{width:34px;height:34px;position:absolute;top:12px;right:12px;padding:10px}
#privacy-policy-text{color:#FF0000;padding-left:8px;line-height:12px;display:none}
.name-tip{display:none}
.cart-login-wrap{display:flex;align-items:center;justify-content:space-between;height:60px;background:rgba(255,255,255,0.39);border:1px solid #D5D5D5;opacity:1;border-radius:6px;padding:0 20px 0 30px;position:relative;margin-bottom:30px;margin-top:-12px}
.cart-login-wrap:before{position:absolute;content:'';display:block;height:100%;width:10px;background:#387821;top:0;left:0;border-radius:6px 0 0 6px}
.cart-login-wrap .text{font-size:14px;font-family:Nunito Sans;font-weight:bold;line-height:19px;color:#303030;margin:0}
.cart-login-wrap button{font-size:14px;font-family:Nunito Sans;font-weight:bold;line-height:19px;color:#303030;outline:none;border:none;background:transparent;margin:0 36px 0 0;position:relative;cursor:pointer}
.cart-login-wrap button:after{position:absolute;content:'';display:block;width:30px;height:30px;top:-5px;right:-36px;background:url("/assets/images/icon-arrow-right_b.png")}
.cart-login-wrap button:hover{color:#387821}
.cart-login-wrap button:hover:after{background:url("/assets/images/icon-arrow-right.png")}
/*coupon*/
.coupon-sale-content{display: flex; max-width: 523px;width:100%;height: 90px;padding: 0 6px 0 0px;text-align: center;align-items: center;justify-content: center;}
.coupon-sale{background: url(../images/madian/sale/counpon-bg-pc2.png) no-repeat center;background-size: contain;}
.coupon-book{ background: url(../images/madian/sale/book_coupon_pc1.png) no-repeat center;background-size: contain;margin-top: 15px;padding: 0;}
.coupon-sale-top{width: 50%;margin: 0;text-align: center;}
.coupon-sale-bottom{width: 50%;margin: 0;padding-left: 22px;}
.coupon-sale-content p{font-weight: bold;}
.coupon-sale p{color: #512E19 ;}
.coupon-book p{color:#303030 ;text-align: center;padding: 0 22px;font-size: 16px}
.coupon-book .coupon-sale-bottom{padding-left: 8px;}
.coupon-sale-content p.coupon-sale-code{color: #fff;}
.coupon-sale-top .coupon-detail-price{font-size:16px;line-height:21px}
.coupon-sale .coupon-detail-price{color:#387821;padding:0 0px 0 5px}
.coupon-book .coupon-detail-price{display:flex;flex-direction:column;color:#387821;padding:0 38px 0 24px;font-weight:600}
.coupon-book .coupon-detail-price .discount-per{margin-bottom:4px}
.coupon-book .coupon-book-code{color:#fff;font-size:14px}
.coupon-sale-content .coupon-detail-price,.coupon-sale-code{font-weight:bold}
.coupon-sale-top .coupon-detail-price>i{font-size:22px}
.coupon-btn-sty{display:inline-block;border-radius:13px;padding:0 18px;cursor:pointer;font-size:12px;height:26px;line-height:25px;margin-top:3px;font-weight:700}
.coupon-sale-btn{background:#303030;color:#fff;font-weight:bold}
.coupon-book-btn,.coupon-pop-btn{background:#303030;color:#FFF}
.coupon-book .use-coupon-wrap{display:none}
.coupon-book .open-pop-wrap{display:block}
.agreed-btn a{color:#387821}
.coupon-book .coupon-detail-price>span{color:#303030;font-size:16px}
#bookCouponModal .btn-copy-mini,#bookCouponModal .btn-use-coupon{display:block}
#bookCouponModal .btn-copy{display:none}
#bookCouponModal .success-box .btn-copy-mini{width:106px;height:33px;display:inline-block;font-size:14px;font-family:Nunito Sans;font-weight:400;line-height:19px;color:#FFFFFF;background:#387821;border-radius:17px;border:none;margin:0 0 0 10px}
.coupon-fixed-button{display:none!important}


@media screen and (max-width: 991px) {
    #bookCouponModal .success-box .btn-copy-mini{width:57px;height:30px;display:inline-block;font-family:Nunito Sans;font-weight:400;line-height:19px;border-radius:15px;border:none;margin:0 0 0 10px;font-size:13px}
    .mobile-sty-text{width:100%;padding:0 7px}
    .coupon-book .coupon-sale-bottom{padding:0;height:58px}
    .coupon-btn-sty{margin:0 0 0 12px;height:26px;line-height:26px;padding:0 20px;word-break:break-all}
    .coupon-sale-content{max-width: 335px;height: 96px;flex-wrap: wrap;justify-content: space-between;   }
    .coupon-sale{background: url(../images/madian/sale/counpon-bg-mobile2.png) no-repeat center;background-size: contain; padding: 10px 0px 5px;}
    .coupon-book{background: url(../images/madian/sale/book_coupon_m1.png) no-repeat center;background-size: contain;padding: 9px 0px 2px;}
    .coupon-sale-top,.coupon-sale-bottom{width:100%;}
    .coupon-sale-top{text-align: center;}
    .coupon-sale-bottom{display: flex;display: -wekit-flex;padding: 0;align-items: center;justify-content: center;}
    .coupon-sale-bottom p{font-size: 12px;}
    .coupon-sale-top .coupon-detail-price>i{font-size: 22px;}
    .coupon-sale-top .coupon-detail-price{font-size: 16px; }
    .coupon-sale .coupon-detail-price{  padding: 10px 67px 0 65px;}
    .coupon-sale .coupon-sale-top{margin-top: 4px}
    .coupon-book .coupon-detail-price{line-height:16px;flex-direction:row;justify-content:center;padding-top:8px}
    .coupon-book .coupon-detail-price .discount-per{margin:0 4px 0 0}
    .coupon-book .coupon-detail-price>span{color:#303030;font-size:14px;margin:0}
    .coupon-book .coupon-book-btn{flex-shrink:0}
    .coupon-book{flex-direction:column;justify-content:space-between}
    .coupon-book .coupon-code{line-height:14px;font-size:12px}
    .coupon-book .coupon-book-code{color:#303030;font-size:12px;line-height:18px;margin-bottom:8px}
    .coupon-book .coupon-book-code>span{font-size:14px;color:#387821}
    .coupon-sale{flex-direction:column}
    .agreed-btn>label input[type='checkbox']{margin:0px 8px -4px 0!important}
    .coupon-model-container{position:absolute;width:100%;top:unset;bottom:0;left:0;transform:none;background:#fff;border-radius:10px 10px 0 0}
    .submit-box{width:100%;height:525px;background:#fff;position:relative;box-sizing:border-box;border-radius:10px 10px 0 0}
    .coupon-model-centent{margin:0 25px 0 25px;padding-top:0}
    .coupon-model-centent h4{padding-top:30px;font-size:16px;line-height:24px;margin-bottom:0px;font-weight:700;z-index:3;position:relative}
    .coupon-model-centent h4 i{font-size:18px}
    .coupon-model-centent label>span{font-size:14px;line-height:16px;padding:16px 0 11px 0}
    .coupon-model-centent input{height:44px;background:#FFFFFF;line-height:44px}
    .agreed-btn{margin:12px 0 33px 0 !important}
    .coupon-model-centent .btn-submit,.coupon-model-centent .btn-abandon{width:100%;height:52px;font-size:16px;line-height:52px}
    .coupon-model-centent .btn-submit{margin-right:0;margin-bottom:18px}
    .submit-box:before{position:absolute;content:'';display:inline-block;top:0;right:unset;left:0;width:64px;height:73px;background:url(/assets/images/madian/sale/coupon_model_m1.png);background-size:64px 73px}
    .submit-box:after{position:absolute;content:'';display:inline-block;top:43px;right:0;bottom:unset;width:84px;height:79px;background:url(/assets/images/madian/sale/coupon_model_m2.png);background-size:84px 79px}
    .submited-box{padding:40px 25px 0 25px}
    .submited-content h4{font-size:18px;font-weight:bold;color:#303030;line-height:20px;text-indent:30px;margin-bottom:18px}
    .submited-content p{font-size:16px;line-height:24px}
    .submited-content p>img{width:56px;height:56px;margin:7px 10px 0 0;float:right;transform:rotate(17deg)}
    .submited-code{font-size:14px;line-height:14px;margin-top:40px;display:flex;justify-content:flex-start;align-items:center}
    .submited-code span{flex-shrink:0;margin:0;padding:0 0 0 7px}
    .submited-code i{font-size:20px;line-height:20px;margin-left:3px;flex-shrink:0;margin:0}
    .submited-content .copy-btn{font-size:12px;height:25px;line-height:22px;flex-shrink:0;margin:0}
    .code-apply-btn{width:100%;height:52px;line-height:16px;margin:55px 0 70px 0;font-weight:400}
    .submited-code>i{margin:0 6px}
    .cart-login-wrap{width:calc(100% - 24px);padding:0 0px 0 30px;margin-bottom:10px;margin-top:10px}
    .cart-login-wrap .text{width:calc(100% - 120px);font-size:12px}
}

@media screen and (max-width: 991px) {
    .code-apply-btn:hover{background:#000}
}
@media screen and (max-width:359px) and (min-width: 320px){
    .coupon-sale-content{padding: 18px 18px 8px;}
    .coupon-btn-sty{height: 22px;line-height: 22px;}
    .coupon-content .coupon-code {height: 30px;padding: 2px 0 12px 0;}
    .submited-box{padding: 50px 6px 0 6px; }
    .submited-code i{font-size: 16px}
    .coupon-book{padding: 18px 0px 5px;}
    .coupon-book .coupon-detail-price{ line-height: 18px;}
    .coupon-book .coupon-sale-bottom{padding: 0px 25px 0px;    margin-bottom: -6px;}
    .coupon-sale .coupon-detail-price{padding: 0 59px 0 59px;}
    .coupon-sale{flex-direction: unset; padding: 12px 18px 2px;}
    .coupon-sale-bottom p{font-size: 12px}
    .coupon-sale p.coupon-sale-code{line-height: 30px;}
    .coupon-content .coupon-book-code{display: flex;align-items: center;}
    .coupon-sale .coupon-sale-top{margin-top: 8px}
    .coupon-book .coupon-detail-price{padding: 0 38px 0 34px;}
}
@media screen and (max-width:1199px) and (min-width:1103px){
    .coupon-book{margin-top: 0px}
}
@media screen and (max-width:991px) and (min-width:697px){
    .coupon-book{margin-top: 0px}
}
@media screen and (max-width:1024px){
    .coupon-content .coupon-code>p{font-size: 12px;display: inline-block;}
    .coupon-content .coupon-code {padding: 8px 0 12px 0;}
    .coupon-content {margin: 12px auto 0;}
    .coupon-content .coupon-code{padding: 0;}
    .coupon-content .coupon-itemLeft{width: 100%;}
}
@media screen and (min-width: 991px) {
    .submited-code>span{padding:0 0 0 7px;margin:0}
    .coupon-model-centent label{display:block;height:107px}
    .coupon-model-centent .agreed-btn label{display:block;height:auto}
    .mobile-sty-text{padding:4px 0px 0 10px}
    .submited-code>i{margin:0 0 0 11px}
}
@media screen and (max-width: 518px) {
    #privacy-policy-text{display: inline-block;text-indent: 18px}
    .agreed-btn>label{height: 38px}
}
@media screen and (max-width: 324px) {
    #bookCouponModal .book-modal-wrapper .close{position:absolute;top:10px;right:10px;width:22px;height:22px;background:url(/assets/images/icon_close_w.png) no-repeat center;background-size:22px 22px}
    #bookCouponModal .book-modal-content{display:flex;align-items:center;flex-direction:column;width:100%;height:514px;background:url(/assets/images/madian/sale/book_coupon_bg_m.png) no-repeat top center;background-size:100% auto;max-width:315px;max-height:514px}
    #bookCouponModal .left-item-wrap{width:100%;color:#FFFFFF;height:58vw;margin:0 auto}
    .left-item-wrap .second-row .discount-rate{font-size:112px;line-height:106px}
    #bookCouponModal .success-box{margin-top:40px}
    #bookCouponModal .success-box .code-box{font-size:13px;font-family:Nunito Sans;font-weight:bold;line-height:18px;color:#303030;margin-top:10px;margin-bottom:10px}
    #bookCouponModal .success-box .btn-copy-mini{width:57px;height:26px;display:inline-block;font-family:Nunito Sans;font-weight:400;line-height:19px;color:#FFFFFF;background:#387821;border-radius:17px;border:none;margin:0 0 0 8px;font-size:12px}
    #bookCouponModal .btn-book-coupon,#bookCouponModal .btn-copy,#bookCouponModal .btn-use-coupon{height:38px;border-radius:6px;font-size:16px;line-height:22px;color:#FFFFFF;margin:8px 0 12px}
    #bookCouponModal .success-box .btn-copy-mini{width:57px;height:26px;display:inline-block;font-size:14px;font-family:Nunito Sans;font-weight:400;line-height:19px;color:#FFFFFF;background:#387821;border-radius:17px;border:none;margin:0 0 0 8px;font-size:12px}
    .coupon-sale .coupon-detail-price{padding:10px 47px 0 47px}
    .coupon-btn-sty{margin:0 0 0 4px;height:22px;line-height:22px;padding:0 12px;word-break:break-all}
    .coupon-sale-bottom{display:flex;display:-wekit-flex;padding:0;align-items:center;justify-content:center;margin-bottom:8px}
    .coupon-book .coupon-detail-price{line-height:16px;flex-direction:row;justify-content:center;padding-top:8px;padding:15px 0 0 0}
    .coupon-book{padding:0px 0px 2px}
    .coupon-book .coupon-detail-price{padding:15px 0 0 0}
    .coupon-book .coupon-sale-bottom{padding:0;height:42px}
}

/*coupon 20230228*/
.coupon-sale{background:url('/assets/images/madian/sale/counpon-bg-pc12.png') no-repeat center;background-size:contain}
.coupon-sale .coupon-detail-price{color:#CC4B46}
.coupon-sale p{color:#CC4B46}
.coupon-sale-top .coupon-detail-price>i{font-size:26px}
@media screen and (max-width: 991px){
    .coupon-sale{background:url('/assets/images/madian/sale/coupon-bg-mobile012a.png') no-repeat center;background-size:100%}
    .coupon-sale .coupon-detail-price{padding:0px 67px 0 65px}
    .coupon-sale-top .coupon-detail-price>i{font-size:22px}
    .coupon-sale p{color:#CC4B46}
    .coupon-sale .coupon-detail-price{color:#CC4B46}
}

